@charset "utf-8";
/*header*/
header{background:url(../images/topImg.png) repeat-x center; height:107px; overflow:hidden;}
header section{width:200px; text-align:center; color:#fff; background:#231815; font-size:16px; transform:rotate(-45deg) translateX(-45px); padding:5px; float:right;}

/*nav*/
#nav-index{background:#030000;}
#nav-index section{position:relative;}
#nav-index .home{height:40px; color:#585959; line-height:40px; font-size:18px;}
#nav-index .button{background:#fff; border-radius:9999px; height:26px; width:26px; margin-top:7px; line-height:26px; text-align:center;}
#nav-index .nav-list{width:100%; background:rgba(0,0,0,.8); text-align:center; line-height:30px; position:absolute; z-index:5; top:40px; left:0; display:none;}
#nav-index .nav-list a{color:#fff; display:block;}
#nav-index .nav-list a:hover,#nav-index .nav-list a:active{background:#ea629a;}

/*main*/
#main .sidebar dt{border-bottom:1px solid #323333; margin-top:20px; margin-bottom:10px;}
#main .sidebar-cp dd{margin-top:5px; background:url(../images/disc.png) no-repeat left center; margin-left:5px; padding-left:15px;}
#main .sidebar-pl dd{margin-top:8px; margin-left:5px; background:url(../images/sidebar_ico1.png) no-repeat left center; height:20px; line-height:20px; padding-left:25px;}
#main .sidebar-pl dd.d1{background-image:url(../images/sidebar_ico1.png);}
#main .sidebar-pl dd.d2{background-image:url(../images/sidebar_ico2.png);}
#main .sidebar-pl dd.d3{background-image:url(../images/sidebar_ico3.png);}
#main .sidebar-pl dd.d4{background-image:url(../images/sidebar_ico4.png);}
#main .sidebar-pl dd.d5{background-image:url(../images/sidebar_ico5.png);}
#main .sidebar-pl dd.d6{background-image:url(../images/sidebar_ico6.png);}
#main .sidebar-color dd{width:25%; height:50px; padding:8px;margin:5px 0; float:left;}
#main .sidebar-color dd span{display:block; background:red; height:34px;}
#main .sidebar-color dd.color1 span{background-color:#d02422;}
#main .sidebar-color dd.color2 span{background-color:#ed6a19;}
#main .sidebar-color dd.color3 span{background-color:#f4b918;}
#main .sidebar-color dd.color4 span{background-color:#57a034;}
#main .sidebar-color dd.color5 span{background-color:#4f3d95;}
#main .sidebar-color dd.color6 span{background-color:#b64e98;}
#main .sidebar-color dd.color7 span{background-color:#1aadbc;}
#main .sidebar-color dd.color8 span{background-color:#008cd6;}
#main .sidebar-color dd.color9 span{background-color:#70341c;}
#main .sidebar-color dd.color10 span{background-color:#fff; border:1px solid #ccc}
#main .sidebar-color dd.color11 span{background-color:#030000;}
#main .sidebar-color dd.color12 span{background-color:#ac7c20;}

#main .pagelist li{float:left; padding:5px;}
#main .pagelist li span,#main .pagelist li a{width:20px; height:20px; line-height:20px; text-align:center; display:block;  border-radius:50%;}
#main .pagelist li.num2 a{width:30px;}
#main .pagelist li.last a{width:60px;}
#main .pagelist li span{background:#030000; color:#fff;}

#main .search{position:relative;}
#main .search [type=text]{background:url(../images/search_ico.png) no-repeat right center; height:22px; border:1px solid #ccc; border-radius:11px; padding-left:10px; padding-right:22px;}
#main .search [type=submit]{position:absolute; right:0; top:0; height:22px; width:22px; text-indent:-9999px; border:none; opacity:0; z-index:1;}

#main .prolist{margin-top:15px;}
#main .prolist li{float:left; width:25%; padding:5px; margin-top:5px;}
#main .prolist li p{color:#666; line-height:180%;}

#main .prolist-2 li{float:left; width:25%; padding:5px; margin-top:5px;}
#main .prolist-2 li p{color:#666; line-height:180%;}

/*footer*/
footer{background:#cfc5c6; margin-top:30px; padding:20px 0;}
footer,footer a{color:#554045; line-height:180%;}
footer p{width:27%; padding:0 10px; float:left;}
footer p.mr{margin-right:10%;}
footer dl{width:12%; padding:0 5px; float:left;}

/*nav-page*/
#nav-page{height:50px; background:#e4c574; position:relative;}
#nav-page a.fl{margin-right:20px;}
#nav-page a.fl,#nav-page a.fr{margin-top:13px; padding:2px 5px; border-radius:5px;}
#nav-page a.current{background:#e60012; color:#fff;}
#nav-page a i{background:#101010; color:#e4c574; padding:5px; border-radius:50%; margin-left:15px;}
#nav-page .nav-list{position:absolute; width:100%; background:rgba(228,197,116,.8); top:50px; left:0; text-align:center; line-height:180%; display:none; z-index:5;}
#nav-page .nav-list a{display:block;}
#nav-page .nav-list a:hover,#nav-page .nav-list a:active{background:#ea629a; color:#fff;}

/*details-pc*/
#details-pc .bigImg{border:1px solid #f0f1f1; width:40%; padding:50px 0; text-align:center;}
#details-pc .bigImg img{display:none;}
#details-pc .imgList{width:15%; height:386px; overflow:hidden;}
#details-pc .imgList li img{border:1px solid #f0f1f1; margin:5px 10px; margin-bottom:0; cursor:pointer;}
#details-pc .imgList div{height:327px; overflow:hidden; position:relative;}
#details-pc .imgList section{position:absolute; top:0; left:0; transition:all 500ms;}
#details-pc .imgList li.up,#details-pc .imgList li.down{width:100px; height:15px; margin-left:10px; cursor:pointer;}
#details-pc .imgList li.up{background:url(../images/top.png) no-repeat center; margin-bottom:10px; margin-top:8px;}
#details-pc .imgList li.down{background:url(../images/bottom.png) no-repeat center; margin-top:10px;}
#details-pc .imgList li:first-child img{margin-top:0;}
#details-pc .des{width:45%;}
#details-pc .des h1{font-size:16px; color:#000; line-height:20px; margin-bottom:20px; margin-top:40px;}
#details-pc .des p{line-height:180%; color:#919090;}
#details-pc .des span{margin-right:10px; color:#333;}
#details-pc .des p.price{color:#000; font-size:15px; margin-top:20px;}

#details-phone{height:560px; display:none;}
#goods-scroll{position:relative; overflow:hidden; width:100%; height:auto; z-index:1; overflow:hidden; margin-top:15px;}
#goods-scroll .banner-hd{position:absolute; bottom:0; left:45%; z-index:1; }
#goods-scroll .banner-hd li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:9999px; -moz-border-radius:9999px; border-radius:9999px; background:#ccc; text-indent:-9999px; overflow:hidden; margin-right:10px; }
#goods-scroll .banner-hd li.on{ background:#be385d;}
#goods-scroll .banner-bd{ position:relative; z-index:0; }
#goods-scroll .banner-bd li{ position:relative; text-align:center; }
#goods-scroll .banner-bd li img{background:url(../images/loading.gif) center center no-repeat; vertical-align:top; max-width:100%;}
#goods-scroll .banner-bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
#details-phone .des{padding-left:15px;}
#details-phone .des h1{font-size:16px; color:#000; line-height:20px; margin-bottom:20px; margin-top:40px;}
#details-phone .des p{line-height:180%; color:#919090;}
#details-phone .des span{margin-right:10px; color:#333;}
#details-phone .des p.price{color:#000; font-size:15px; margin-top:20px;}

/*baobei*/
#baobei h3{background:#d3d3d3; padding:2px 8px; display:inline;}
#baobei .baobei-img{border:1px solid #d3d3d3;}

/*xiuchang*/
#xiuchang{position:relative;}
#xiuchang h3{background:url(../images/xiu.png) no-repeat right center; padding-right:30px; display:inline-block; margin-bottom:15px;}

.picScroll{ margin:0 auto; text-align:center;  }
.picScroll .bd ul{width:100%; float:left; padding-top:10px;  }
.picScroll .bd li{width:20%; float:left; text-align:center; padding:0 5px;}
.picScroll .bd li img{ background:url(../images/loading.gif) #fff center center no-repeat; display:block; max-width:100%; height:auto; margin:auto;}

.picScroll .hd ul{display:none;}
.picScroll .prev,.picScroll .next{display:block; width:12px; height:23px; background:url(../images/prev.png); }
.picScroll .next{ background-image:url(../images/next.png); }
.picScroll .prev,.picScroll .prevStop{position:absolute; left:0; top:50%;}
.picScroll .next,.picScroll .nextStop{position:absolute; right:0; top:50%;}
.picScroll .prevStop{ background:url(../images/prev.png); }
.picScroll .nextStop{ background-image:url(../images/next.png); }

/*certificate*/
#certificate{margin-top:50px; margin-bottom:50px; position:relative;}
#certificate span{font-size:18px; font-weight:bold; color:#19499d; position:absolute;}
#certificate span.c1{top:465px; left:450px;}
#certificate span.c2{top:465px; left:700px;}
#certificate span.c3{top:540px; left:430px;}
#certificate span.c4{top:540px; left:700px;}

@media (max-width:1199px){
	#main .sidebar-color dd{height:40px;}
	#main .sidebar-color dd span{display:block; background:red; height:24px;}
	#certificate span.c1{left:350px;}
	#certificate span.c2{left:600px;}
	#certificate span.c3{left:330px;}
	#certificate span.c4{left:600px;}
}
@media (max-width:991px){
	#details-pc .des{padding-left:15px;}
	#certificate span.c1{left:250px;}
	#certificate span.c2{left:500px;}
	#certificate span.c3{left:230px;}
	#certificate span.c4{left:500px;}
}
@media (max-width:767px){
	header{background-size:auto 100%; height:80px;}
	header section{width:180px; transform:rotate(-45deg) translateX(-25px);}
	/*main*/
	#main{margin-top:0;}
	#main .sidebar{margin-left:-15px; margin-right:-15px;}
	#main .sidebar dl{float:left; width:33.33%; position:relative;}
	#main .sidebar dt{margin-top:0; margin-bottom:0; height:50px; line-height:50px; border-left:1px solid #323333; text-align:center; background:#eee;}
	#main .sidebar dl:last-child dt{border-right:1px solid #323333;}
	#main .sidebar dt span,#main .sidebar dt i{float:none; display:inline-block; font-size:16px;}
	#main .sidebar dt i{margin-left:10%;}
	#main .sidebar-cp section,#main .sidebar-pl section,#main .sidebar-color section{border:1px solid #323333; border-top:none; position:absolute; top:50px; width:100%; background:#eee; z-index:4; display:none;}
	#main .sidebar dd{margin-top:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	#main .sidebar-cp section dd{background:none; padding-left:5px;}
	#main .sidebar-cp section dd a{display:block; line-height:25px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	#main .sidebar-pl section dd{line-height:30px; height:30px;}
	#main .sidebar-color dd{width:100%; height:30px; padding-left:0; margin:5px; float:none;}
	
	footer p{width:100%; float:none;}
	footer dl{display:none;}
	
	#details-phone{display:block;}
	
	#certificate span.c1{top:49%; left:28%;}
	#certificate span.c2{top:49%; left:60%;}
	#certificate span.c3{top:57%; left:28%;}
	#certificate span.c4{top:57%; left:60%;}
}
@media (max-width:660px){
	#certificate span{font-size:16px;}
}
@media (max-width:570px){
	#certificate span{font-size:15px;}
	#certificate span.c1{top:49%; left:26%;}
	#certificate span.c2{top:49%; left:60%;}
	#certificate span.c3{top:57%; left:26%;}
	#certificate span.c4{top:57%; left:60%;}
}
@media (max-width:500px){
	#main .prolist li{width:50%;}
	#main .prolist-2 li{width:50%;}
}
@media (max-width:490px){
	#certificate span{font-size:14px;}
	#certificate span.c1{top:49%; left:26%;}
	#certificate span.c2{top:49%; left:60%;}
	#certificate span.c3{top:57%; left:26%;}
	#certificate span.c4{top:57%; left:60%;}
}
@media (max-width:414px){
	header{height:60px; background-size:80% 100%;}
	header section{width:120px; transform:rotate(-45deg) translateX(-15px);}
	/*main*/
	#main .sidebar dt span,#main .sidebar dt i{font-size:14px;}

	#certificate span{font-size:13px;}
	#certificate span.c1{top:49%; left:25%;}
	#certificate span.c2{top:49%; left:60%;}
	#certificate span.c3{top:57%; left:25%;}
	#certificate span.c4{top:57%; left:60%;}
}
@media (max-width:375px){
	#certificate span{font-size:12px;}
}
@media (max-width:320px){
	#certificate span{font-size:10px;}
	#certificate span.c1{top:48%; left:25%;}
	#certificate span.c2{top:48%; left:60%;}
	#certificate span.c3{top:56%; left:25%;}
	#certificate span.c4{top:56%; left:60%;}
}